
$(function () {
    $('.menu_list >li').hover(function () {
        // 导航栏
        $(this).children('.item_list').stop().slideToggle(300)
        $(this).children('.chec').stop().slideToggle(300)
        $(this).children('.chec2').stop().slideToggle(300)
        $(this).children('.chec3').stop().slideToggle(300)
        $(this).children('.chec4').stop().slideToggle(300)
        $(this).children('.chec5').stop().slideToggle(300)
        $(this).children('.chec6').stop().slideToggle(300)
    })
    // 万新创造
    $('.play>#ho').hover(function () {
        $(this).children().children('.mask').stop().slideToggle(300)
    })
    // 公司业务切换兰
    $(".left li").mouseover(function () {
        // 得到当前小li 的索引号
        let index = $(this).index();
        $('.right>div').eq(index).show().siblings().hide();
        $(this).stop().animate({
            left: '15px'
        })

    })
    $(".left li").mouseout(function () {
        $(this).stop().animate({
            left: '0'
        })
    })
    $('.right img').mouseover(function () {
        console.log(1);
        $('.games').children('.box').fadeIn()
        // 第二张图片里面的文字显示隐藏
        $('#span').stop().slideToggle(300)
        $('.wx').stop().animate({
            top: '400px'
        })
        // 第一张
        $('#one').stop().slideToggle(300)
        $('#first').stop().animate({
            top: '400px'
        })
        // 第三张
        $('#three').stop().slideToggle(300)
        $('#third').stop().animate({
            top: '400px'
        })
        // 第四张
        $('#four').stop().slideToggle(300)
        $('#fourth').stop().animate({
            top: '400px'
        })

    })
    $('.games').children('.box').mouseout(function () {
        $('.games').children('.box').fadeOut()
        $('#span').stop().slideToggle(300)
        $('.wx').stop().animate({
            top: '420px'
        })
        // 第二章
        $('#one').stop().slideToggle(300)
        $('#first').stop().animate({
            top: '420px'
        })
        // 第三章
        $('#three').stop().slideToggle(300)
        $('#third').stop().animate({
            top: '420px'
        })
        // 第四章
        $('#four').stop().slideToggle(300)
        $('#fourth').stop().animate({
            top: '420px'
        })
    })
})
$(function () {
    $('.dp-right').mouseover(function () {
        $(this).stop().animate({
            right: '-20px'
        })
        $(this).children('.btn').addClass('active')
    })
    $('.dp-right').mouseleave(function () {
        $(this).stop().animate({
            right: '0'
        })
        $(this).children('.btn').removeClass('active')
    })
})
$(function () {
    $('.join').find('a').mouseover(function () {
        console.log(1);
        $(this).css('top', '0px')
    })
})

$(function () {
    // 页面初始化获取滚动的高度
    let stheight = $(document).scrollTop()
    // console.log("初始化页面高度", stheight)//0高度
    // 获取导航栏的高度
    let menu_height = $('.menu').outerHeight()
    // console.log("导航栏高度", menu_height)//50
    // 页面滚动事件
    $(window).scroll(function () {
        // 得到滚动事件滚动的距离
        let scroll_bar = $(document).scrollTop()
        // console.log("滚动事件滚动的高度", scroll_bar)
        // 判断
        // 滚动的距离和导航栏的高度
        if (scroll_bar > menu_height) {
            $('.menu').css('top', '-50px').removeClass('color')
        } else {
            $('.menu').css('top', '0').addClass('color')
        }
        if (scroll_bar < stheight) {
            $('.menu').css('top', '0').addClass('color')
        }
        if (scroll_bar === 0) {
            $('.menu').removeClass('color')
        }
        //再次获取当前页面滚动的高度 和下次触发事件做判断
        stheight = $(document).scrollTop()
        // console.log("页面滚动的高度 ", stheight )
    })
})
// animate__animated animate__fadeInUp
$(function () {
    
})